
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<head>
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta http-equiv="Expires" content="0"/>
    <meta http-equiv="Pragma" content="no-cache"/>
    <meta http-equiv="Cache-control" content="no-cache"/>
    <meta http-equiv="Cache" content="no-cache"/>
    <meta name="viewport" content="width=device-width,initial-scale=1"/>
    <!--    <meta name="renderer" content="webkit">-->
    <!--<meta name="keywords" content="哈尔滨,美食,哈尔滨美食地图,哈尔滨小吃,哈尔滨特色,哈尔滨特色食品,哈尔滨吃喝玩乐"/>
    <meta name="description" content="哈尔滨土著的乐园，外地人了解冰城的窗口，地域喷子的坟墓，用饕餮美食征服每一位来自、到过、生活、即将在哈尔滨的人..."/>-->
    <link href="https://cdn.bootcss.com/jqueryui/1.12.1/jquery-ui.css" rel="stylesheet"/>
    <link href="https://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap-theme.css" rel="stylesheet"/>
    <link href="https://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.css" rel="stylesheet"/>
    <link href="https://cdn.bootcss.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet"/>
    <link href="http://www.bootcss.com/p/layoutit/css/bootstrap-combined.min.css" rel="stylesheet"/>
    <!--<link href="css/bootsnav.css" rel="stylesheet"/>-->
    <link th:href="@{css/pagerprettify.css}" rel="stylesheet"/>
    <!--<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script>-->
    <script src="https://cdn.bootcss.com/jqueryui/1.12.1/jquery-ui.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.6/js/npm.js"></script>
    <script src="https://cdn.bootcss.com/zclip/1.1.2/jquery.zclip.js"></script>

    <link th:href="@{css/bootstrap-grid.min.css}" rel="stylesheet"/>

    <!--<link th:href="@{css/style.css}" rel="stylesheet"/>-->
    <script th:src="@{js/jquery-2.1.1.min.js}" type="text/javascript"></script><script th:src="@{js/jquery-2.1.1.min.js}" type="text/javascript"></script>
    <link th:href="@{css/zoomify.min.css}" rel="stylesheet"/>
    <script th:src="@{js/zoomify.min.js}" type="text/javascript"></script>

    <title th:text="${title}"></title>
</head>
<body>
<!--引入页头-->
<div th:include="commons/header::top"></div>
<div class="wrap">
    <div class="main">
        <!--<div class="row-fluid">
            <div th:include="commons/carousel::carousel"></div>
        </div>-->
        <!--主要内容-->
        <div class="row-fluid">
            <!--页面-->
            <div id="wrapper" class="container-fluid">
                <!--标题1-->
                <div class="row-fluid">
                    <div class="span6">
                        <form class="form-inline" >
                            <h1 class="title2 form-group" style="font-family: 方正舒体" th:text="${title}"></h1>
                            <div class="form-group" style="float: right;margin-top: 3.5%">
                                <input type="text" style="height: inherit" class="form-control" id="" placeholder="查询条件..."/>
                                <button type="submit" class="btn btn-warning">发射</button>
                            </div>

                        </form>

                        <hr/>
                    </div>
                </div>
                <div class="row-fluid">
                    <div class="span10">
                            <span th:each="check:${checkInfo}" style="padding-right: 10px">
                                    <input type="radio" th:text="${check}" />
                            </span>
                    </div>
                    <div class="span1"><button type="submit"  class="btn btn-primary pull-left" style="margin-bottom: 10%;text-align: left">提交查询</button></div>
                    <div class="span1" style="border: 1px solid transparent">
                    </div>
                </div>
                <!--备用-->
                <div class="row-fluid">
                </div>
                <!--栏目1-->
                <!-- 代码 开始 -->
                <div class="row-fluid">
                    <div class="span12">
                        <table class="table table-bordered table-condensed">
                            <!--10项-->
                            <tr>
                                <td>Id号</td>
                                <td>资源名称</td>
                                <!--<td>原始页面地址</td>-->
                                <td>添加时间</td>
                                <td>文件规格</td>

                                <td>种子数</td>
                                <td>资源数</td>
                                <!--<td>预览图</td>-->
                                <td>磁力链地址</td>
                                <td>种子地址</td>
                                <td>图片链接</td>
                            </tr>
                            <tbody>
                            <tr th:each="rarbg:${rarbglist}">
                                <td th:text="${rarbg.id}">Id</td>
                                <td><a th:href="${rarbg.urllink}" target="_blank"><span th:text="${rarbg.title}"></span></a></td>
                                <td><span th:text="${#calendars.format(rarbg.addtime ,'yyyy-MM-dd HH:mm:ss')}">4564546</span></td>
                                <td th:text="${rarbg.size}">Anonymous</td>

                                <td th:text="${rarbg.seedsnumber}">Type</td>
                                <td th:text="${rarbg.lastnumber}">Speed</td>
                                <td><a class="btn btn-small btn-warning" th:href="${rarbg.magnetlink}">磁力链地址</a></td>
                                <td><a class="btn btn-small btn-info"  th:href="${rarbg.torrentlink}">下载种子</a></td>
                                <td class="example" th:if="${rarbg.posterlink}!=null"><img src=""  class="img-rounded" th:attr="src=${rarbg.posterlink}" style="height:30px;width: auto" /> </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <script type="text/javascript">
                    $('.example img').zoomify();
                </script>
                <!-- 代码 结束 -->
            </div>
        </div>
        <!--分页按钮-->
        <div class="row-fluid" style="height: 10%;position: relative">
            <div class="span4"></div>
            <div class="span4 center-block">
                <nav aria-label="Page navigation" style="text-align: center">
                    <form th:action="@{/rarbglist}" th:method="post" id="pagination">
                        <ul class="pagination" >
                            <!--前一页-->
                            <li th:if="${pageInfo.hasPreviousPage==true}">
                                <a href="rarbginfo.html" th:href="@{/rarbglist(pageNum=${pageInfo.prePage})}" aria-label="Previous" >
                                    <span aria-hidden="true">«</span>
                                </a>
                            </li>
                            <!-- Will produce '/gtvg/order/details?orderId=3' (plus rewriting) -->
                            <!--这里循环的是一个数组-->
                            <li th:each="pageNumber,iterStat:${pageInfo.navigatepageNums}">
                                <a href="rarbginfo.html" th:href="@{/rarbglist(pageNum=${pageNumber})}" th:text="${pageNumber}">view</a>
                            </li>
                            <!--后一页-->
                            <li th:if="${pageInfo.hasNextPage==true}">
                                <a href="rarbginfo.html" aria-label="Next" th:href="@{/rarbglist(pageNum=${pageInfo.nextPage})}">
                                    <span aria-hidden="true">»</span>
                                </a>
                            </li>
                            <li >
                                <span>第<span th:text="${pageInfo.pageNum}"></span><span>页</span></span>
                            </li>
                            <li >
                                <span>共<span th:text="${pageInfo.pages}"></span><span>页</span></span>
                            </li>
                        </ul>
                    </form>
                </nav>
            </div>
            <div class="span4"></div>
        </div>
    </div>
</div>
<!--引入页脚-->
<div class="footer" th:include="commons/footer::bottom"></div>
</body>
</html>